.container {
  header {
    width: 100%;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    
    .headTitle {
      position: absolute;
      width: 100%;
      height: 1.6rem;
      padding: 0.24rem 0.32rem;
      bottom: 0;
      color: rgba(255, 255, 255, 1);
      
      .title {
        width: 100%;
        height: 0.72rem;
        font-size: 0.56rem;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        line-height: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      
      .countBox {
        margin-top: 0.16rem;
        width: 100%;
        height: 0.32rem;
        font-size: 0.24rem;
        font-family: PingFangSC-Semibold;
        color: rgba(255, 255, 255, 1);
        font-weight: 600;
        line-height: 0.32rem;
      }
    }
  }
  
  .main {
    padding: 0.4rem 0.32rem 0 0.32rem;
    
    .article {
      text-align: justify;
      width: 100%;
      max-height: 1.32rem;
      font-size: 0.28rem;
      font-family: PingFangSC-Light;
      font-weight: 300;
      color: rgba(36, 38, 41, 1);
      line-height: 0.44rem;
      
      .unfold {
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(77, 151, 255, 1);
      }
    }
    
    .participants {
      margin-top: 0.4rem;
      width: 100%;
      height: 0.48rem;
      line-height: 0.48rem;
      
      .headImgs {
        height: 100%;
        float: left;
        font-size: 0.28rem;
        display: inline-block;
      }
      .participantNum {
        float: right;
        display: inline-block;
        height: 0.36rem;
        font-size: 0.28rem;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        color: rgba(36, 38, 41, 1);
      }
    }
    
    .divider {
      width: 6.86rem;
      height: 0.02rem;
      margin: 0.4rem 0;
      background: rgba(227, 229, 232, 1);
    }
    
  }
  
  .mainTitle {
    width: 100%;
    height: 0.52rem;
    font-size: 0.4rem;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: rgba(36, 38, 41, 1);
    line-height: 0.52rem;
  }
  
  .playBox {
    margin-top: 0.4rem;
  }
}

._mt40 {
  margin-top: 0.4rem;
}

/** 方块组件 **/
.squareBox {
  width: 2.18rem;
  max-height: 3.62rem;
  display: inline-block;
  margin-right: 0.16rem;
  margin-bottom: 0.4rem;
  
  .squareImg {
    width: 2.18rem;
    height: 2.18rem;
    border-radius: 0.12rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    // 默认图片
    // ***
    img {
    
    }
  }
  .squareTxt {
    width: 100%;
    max-height: 0.88rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: rgba(36, 38, 41, 1);
    margin-top: 0.16rem;
    margin-bottom: 0;
  }
  
  .squareTags {
    margin-top: 0.08rem;
    height: 0.32rem;
    overflow: hidden;
    
    .squareTag {
      display: inline-block;
      height: 0.32rem;
      padding: 0 0.08rem;
      font-size: 0.22rem;
      border-radius: 0.04rem;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      float: left;
    }
    
    .squareTag:first-child {
      margin-right: 0.08rem;
    }
  }
}

.squareBox:nth-child(3n+3) {
  margin-right: 0;
}

/*长方形组件*/
.rectangleBox {
  width: 6.86rem;
  height: 3.2rem;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 0.4rem;
  
  .rectangleItem {
    display: inline-block;
    width: 2rem;
    height: 2.8rem;
    position: relative;
    display: inline-block;
    float: left;
    margin: 0.4rem 0.16rem 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    
    .rectangleModal {
      width: 100%;
      height: 2rem;
      position: absolute;
      bottom: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
      z-index: 1;
    }
    .rectangleTitle {
      position: absolute;
      bottom: 0.2rem;
      width: 1.6rem;
      height: auto;
      left: 0.2rem;
      right: 0.2rem;
      text-align: center;
      font-size: 0.32rem;
      font-family: PingFangSC-Semibold;
      font-weight: 600;
      color: rgba(255, 255, 255, 1);
      line-height: 0.44rem;
      z-index: 9;
    }
  }
}

/* 标签组件 */
.tabBox {
  width: 100%;
  margin-bottom: 0.4rem;
  
  .tabTitle {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #F2F3F4;
    
    .tabItem {
      width: 50%;
      height: 100%;
      display: inline-block;
      font-size: 0.32rem;
      color: rgba(36, 38, 41, 1);
      font-family: PingFangSC-Light;
      font-weight: 300;
      padding: 0.36rem 0 0.28rem;
    }
    
    .tabItem:hover {
      font-family: PingFangSC-Semibold;
      font-weight: 600;
    }
  }
  
  .tabContent{
    margin-top: 0.4rem;
    
    .wengStyle{
    
    }
  }
}
